<!DOCTYPE html>
<html lang="en">
<head>
<title>天衍社</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
* {
  box-sizing: border-box;
}

body {
  margin: 0;
}


.header {
  padding: 20px;
  color:floralwhite;
  text-align: center;
}


.topnav {
  overflow: hidden;
  background-color: #333;
}


.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}


.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.column {
  float: left;
  color:lightblue;
  padding: 10px;
}


.column.side {
  width: 25%;
}


.column.middle {
  width: 50%;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (max-width: 600px) {
  .column.side, .column.middle {
    width: 100%;
  }
}

</style>
</head>
<body background="images/ty.jpg" style="background-repeat:no-repeat;background-size:100%100%;background-attachment:fixed;">

  <div class="header">
  <h1>天衍社</h1>
</div>



<div class="topnav">
  <a href="https://user.qzone.qq.com/2643388677?source=namecardhoverqzone">高冷的CEO小辉</a>
</div>

<div class="row">
  <div class="column side">
    <h2>新年快乐</h2>
    <p>祝大家在这快乐分享的时刻，思念好友的时刻，温馨甜蜜的时刻，祝你春节快乐，佳节如意！春天悄然至，马蹄碎碎声，旧事烦心去，辉煌看今朝。祝大家岁岁平安，吉祥如意！</p>
  </div>
  
  <div class="column middle">
    <h2>2022年计划</h2>
    <p>1、四级考试全过。</p>
    <p>2、代码技术飞速提升</p>
    <p>3、熟练使用各种引擎工具</p>
    <p>4、画师的技术越来越精湛</p>
    <p>5、建模师可以建出人体</p>
    <p>6、实现不向小辉借钱</p>
  </div>
  
  <div class="column side">
    <h2>天衍社招新计划</h2>
    <p>如果你也想成为我们的朋友，在繁华都市中寻得一隅安静，天衍社就是你的家，欢迎各位的加入。</p>
  </div>
</div>
  
</body>
</html>
